/*��ʼ��*/
*{margin:0px;padding:0px;}
html{overflow-x:hidden;max-width:640px;margin:0 auto;background:#fff;}
body{font:16px/32px 'Microsoft YaHei' Arial;color:#333;background:#fff;}
img[src*="pre.png"]{border:none;background-size:10px 10px;background-position:center center; background-repeat:no-repeat;}
li{list-style:none;}
h1,h2{font-size:18px;font-weight:normal;color:#000;line-height: 32px;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,255,0,0.3);}
em{font-style:normal;}
/*page0*/
.banner,.content,.shopBox ul,.clock{overflow: hidden;}
.banner {width:100%;}
.banner img{width:100%;}

.content{width: 91.5%;margin:5.1% auto;font-size:"΢���ź�";font-size:28px;}
.shopBox>p{font-size:28px;color:#333333;}
.shopBox ul{width:100%;height:13.4%;background:#e4343e;margin:5% 0;color:#fff;text-align:center;}
.shopBox ul li{width:33.3%;float:left;margin:3% 0;box-sizing: border-box;}
.shopBox ul li:nth-child(1){border-right:1px solid #fff;}
.shopBox ul li:nth-child(2){border-right:1px solid #fff;}

.shopBox ul li p{font-size:24px;}
.clock{font-size:22px;height:26px;line-height:26px;height:22px;line-height: 26px;color:#4a4a4a;}
.clock b{color:#e4343e;}

.intr{width:100%;}
.intr h4{font-size:28px;margin:7.3%  0 5%;}
.intr h4 img{vertical-align:center;}
.intr p{text-indent:2em;font-size:22px;color:#666666;}

.bottom{width: 100%; height: 8.8%;border-top: 2px solid #d6d6d6;text-align: center; position: fixed;  bottom: 0; left: 0;
}
.xiangxiatishi{width: 13.125%;position: absolute;top: 31%; left: 44%;}

@media screen and (max-width: 480px){
 .shopBox>p{font-size:22px;}
 .shopBox ul li p{font-size:18px;}
 .clock{font-size:16px;}
 .intr h4{font-size:22px;}
 .intr p{font-size:16px;}
}


#mask{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.5);}
/*������ʶ����980px��,�þ��Զ�λˮƽ����,����ͼ����980px��������left:50%;��body��һ�룬��margin-left:-490px;���Ծ���*/
#searchTip{    width: 55.31%;height: 35.89%; position: fixed;left: 20.15%; bottom: 11.58%;}

.stepA{width:100%;height:100%;background:url(/static/img/zy1.png) no-repeat center;background-size: 100%; position: relative; top: 0; left: 0;}
.stepA a{width: 68%;  height: 39.1%;opacity: 0.6; cursor: pointer; position: absolute;top: 1%; left: 20%;text-indent:-999px;overflow:hidden;}
#mask  p{width:37.96%;height:10%;background: #ebebeb;position:fixed;left: 30.78%;bottom:0; opacity:0.4;border-radius: 80px;}


/*page1*/
.tp_header,.tp_content,.tp_pic,.tp_search,.tp_popu div{overflow: hidden;}
.tp_header{width:100%;background:#e4343e;}
.tp_header li{width: 50%; overflow: hidden;text-align: center; float: left; padding: 2.9% 0;}
.tp_header li a{font-size: 28px; color: #f4bfc1; width: 50%;}
.tp_header li.tp_active a{color:#fff;}

.tp_content{width:100%;background:#fff;}
.tp_search{width:87.5%;margin:2.5% auto;}
.tp_search input{outline: none;}
.tp_search input{width: 77.1%;border: 1px solid #fb6969;font-size: 22px;background: #fafafa;border-radius: 10px;line-height: 50px;text-indent: 1em;}
.tp_search button{width:18%; height:51px;background: #fb6969;border: 1px solid #fb6969;border-radius: 6px;color: #f3f3f3; font-size: 22px;float: right;outline: none;}
.tp_search button img{width:24.3%;}

.tp_popu{width:100%;height:auto;background:#f3f3f3;border-top:2px solid #e3e3e3;overflow:hidden;display:none;}
.tp_active{display:block;}
.tp_popu div{width:40.62%;margin:4.6875%;float:left;text-align:center;}
.tp_popu div h3{font-size:28px;color:#333;font-weight:normal;line-height:1.5em;}
.tp_popu div p{font-size:22px;color:#333;line-height:2.2em;}
.tp_popu div p span{color:#e4343e;}
.tp_popu div>img{width:100%;margin-bottom: 5%;}


/*�޸ı�ǩ*/
.tp_pic_top img,.tp_pic_btn img{width: 100%; margin-bottom: 5%;}
.tp_pic_btn img{display:none;}
.tp_pic_btn .tp_btn_on{display:block;}


/*����*/
.page1{position: relative;}
#mask{}
.mask1{background-color:#616161;opacity:0.5;position:fixed;left:0;top:0;z-index:1000;width: 100%;height: 100%;}
.shows{display:none;}

/*1 ���ںŵ���*/
#pop_tip{width: 78.125%; max-width: 500px;position:absolute; top: 38%;left: 11.05%;z-index: 88888; background: #ffffff;border-radius: 16px;padding: 7% 0%;}
.p_tip_content{width: 100%; height: 100%; position: relative;}
.p_tip_text{text-align:center;}
.p_tip_text h3{font-size:24px;color:#000;line-height: 1.4em;}
.p_tip_text p{font-size:20px;color:#e4343e;line-height: 1.6em;}
.p_tip_gzh{width: 100%;height: 100%;cursor: pointer; margin-top: 5%;text-align: center;}
.p_tip_gzh img{width: 34%; height: 34%;}


.tp_pic_btn li{width:93.4%;height:49px;margin: 0 auto;border-radius: 5px;background:#666666;display:none;}
.tp_pic_btn .p_b_on{background:#fb6969;display:block;}
.tp_pic_btn aside {background:url(/static/img/W13.png) no-repeat left center;margin-left: 24%; background-size: 15%;}
.tp_pic_btn aside i{font-style: normal;font-size: 24px;color: #fff;line-height: 49px;margin-left: -11%;font-weight: normal;}
/*2 ȷ�ϵ���*/
#pop_conf{width: 78.125%; max-width: 500px;position:absolute;top: 38%; left: 28%;margin-left: -16.6%;z-index: 88888; background: #ffffff;border-radius: 16px; padding-top: 7%;}
.p_conf_content{width: 100%; height: 100%;  position: relative;}
.p_conf_text p{font-size: 24px;color: #e4343e; line-height: 1.6em; color: #000;width: 73.6%;margin: 0 auto;}

.p_conf_content ul{width: 100%;overflow: hidden; background: #f8f9fa; margin-top: 5%;  border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; }
.p_conf_content ul li{width: 50%;float: left;text-align: center;}
.p_conf_content  li a{font-size:24px;line-height: 2em;color:#626262;}
.p_conf_content .conf_on a{color:#e4343e;}


/*3 ͶƱ�ɹ���*/
#tp_suc{width: 78.125%; max-width: 500px;position:absolute; top: 38%; left: 28%;margin-left: -16.6%;z-index: 88888; background:#313131;opacity: 0.8;border-radius: 16px;padding: 9% 0% 7%;}
.tp_suc_content{width: 100%; height: 100%;  position: relative;}
.tp_suc_text{text-align:center;}
.tp_suc_text p{font-size:20px;color: #fff;line-height: 2.5em;}
.tp_suc_pic{text-align: center;}
.tp_suc_pic img{width: 15.8%;}
.p_tip_gzh img{width: 34%; height: 34%;}
.no-data{padding: 10% 10%;width:80%;height:auto;background: #ffffff}

/*4 ����ͶƱ��*/
#tp_limit{width: 78.125%; max-width: 500px;position:absolute; top: 38%;left: 28%;margin-left: -16.6%;z-index: 88888; background:#313131;opacity: 0.8;border-radius: 16px;padding: 9% 0% 7%;}
.tp_limit_content{width: 100%; height: 100%;  position: relative;}
.tp_limit_text p{color: #fff;line-height: 2.5em; width: 80%;margin: 0 auto;font-size: 20px;}
.tp_limit_pic{text-align: center;}
.tp_limit_pic img{width: 15.8%;}


/*5 ��Ƶ��ʾ��*/
.mask_v{position:fixed;background-color: #616161; opacity: 0.5;filter: alpha(opacity=50); left: 0; top: 0; z-index: 1000;
}
#show_video{ max-width:640px;position: fixed;  top:28%;z-index: 88888;opacity: 0.8;box-sizing: border-box; background-color:rgba(0,0,0, .5);}
.show_video{
 width:100%;
 height:100%;
 position:fixed;
 top:0;
 left:0;
 z-index: 100;
 box-sizing: border-box;
 padding:1rem;
 background-color:rgba(0,0,0, .5);
 display:none;
}
#show_video video{width:100%;}


@media screen and (max-width: 480px){
 .tp_search button{font-size:16px;height: 41px;}
 .tp_search input{font-size:16px;line-height: 40px;}
 .tp_popu div h3{font-size: 22px;}
 .tp_popu div p{font-size:16px;}
 .tp_header li a{font-size: 20px;}

 /*1 ���ں�����*/
 .p_tip_text h3{font-size:20px;color:#000;}
 .p_tip_text p{font-size:16px;color:#e4343e;}
 .tp_pic_btn aside i{font-size: 18px;}

 /*2 ȷ�ϰ�ť*/
 .p_conf_text p {font-size: 20px;}
 .p_conf_content li a {font-size: 20px;}
 /*3 ͶƱ�ɹ���*/
 .tp_suc_text p {font-size: 16px;}

 /*4 ����ͶƱ�� */
 .tp_limit_text p {
  font-size:15px;}

}
 
   
		
		
		
		
		
		
		